<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>首页</title>
    <link href="../css/style.css?v=1" rel="stylesheet">
    <link href="../css/index.css" rel="stylesheet">
    <link href="../css/new.css" rel="stylesheet">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script src="../js/jquery-1.8.1.min.js"></script>
    <script src="../js/iscroll.js"></script>
</head>

<body>
	<!-- 首页头部搜索框 -->
    <div class="index_head">
        <div class="img">
            <img src="../icon/user_active.png">
        </div>
        <input type="text" placeholder="请输入品牌或商家名">
        <div class="img">
            <img src="../icon/gouwuche.png">
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="slider">
        <ul>
            <li>
                <a href="" target="_blank">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1260278640,3769349609&fm=27&gp=0.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="" target="_blank">
                    <img src="http://img5.imgtn.bdimg.com/it/u=1203448106,3220187713&fm=27&gp=0.jpg" alt="">
                </a>
            </li>
        </ul>
    </div>
     <div class="head_nav">
        <a href="checkup">
            <div class="single">
                <img src="../icon/sheji.png">
                <p>珠宝设计</p>
            </div>
        </a>
        <a href="customize">
        <div class="single">
            <img src="../icon/dingzhi.png">
            <p>商品定制</p>
        </div>
        </a>
        <a href="purchase">
        <div class="single">
            <img src="../icon/shangcheng.png">
            <p>精品商城</p>
        </div>
        </a>
        <div class="clear"></div>
    </div>
    <!-- 图文列表 -->
    <div id="index-list">
    	<img src="../img/lunbo.jpg">
    	<div class="content">
    		<img src="../img/headimg1.jpg">
    		<div class="right">
    			<p>珠宝，爱情的演说家，男人深知他能打动女人的心</p>
    			<p>资深设计师 / 首饰设计师</p>
    		</div>
    	</div>
    </div>
    <div id="index-list">
    	<img src="../img/lunbo.jpg">
    	<div class="content">
    		<img src="../img/headimg1.jpg">
    		<div class="right">
    			<p>珠宝，爱情的演说家，男人深知他能打动女人的心</p>
    			<p>资深设计师 / 首饰设计师</p>
    		</div>
    	</div>
    </div>
    <div id="index-list">
    	<img src="../img/lunbo.jpg">
    	<div class="content">
    		<img src="../img/headimg1.jpg">
    		<div class="right">
    			<p>珠宝，爱情的演说家，男人深知他能打动女人的心</p>
    			<p>资深设计师 / 首饰设计师</p>
    		</div>
    	</div>
    </div>
    <div id="index-list">
    	<img src="../img/lunbo.jpg">
    	<div class="content">
    		<img src="../img/headimg1.jpg">
    		<div class="right">
    			<p>珠宝，爱情的演说家，男人深知他能打动女人的心</p>
    			<p>资深设计师 / 首饰设计师</p>
    		</div>
    	</div>
    </div>
</body>
<script type="text/javascript" src="../js/yxMobileSlider.js"></script>
<script>
    $(".slider").yxMobileSlider({ width: 640, height: 360, during: 3000 })
</script>
</html>